<div>
    <div id="app" v-cloak>
        <div class="top border ">
            <div class="f-14 col-main f-b">承运商资料</div>
            <div class="dis-flex flex-x-end flex-y-center">
                <el-button :disabled="isEdit" type="warning" icon="el-icon-circle-plus-outline" @click="addRow" size="mini">新增</el-button>
                <el-button :disabled="isEdit" type="primary" icon="el-icon-edit" size="mini">编辑</el-button>
                <el-button :disabled="!isEdit" type="success" @click="saveRow" icon="el-icon-circle-check" size="mini">保存</el-button>
            </div>
        </div>
        <div class="main">
            <!-- 调度车 --------------------------------------------------------------- -->
            <div @click="getref('car')">
                <mytable1 :table="fangshi" ref="fangshi" :height="500" :isedit="isEdit"></mytable1>
            </div>
            <!-- 底部tab --------------------------------------------------------------- -->
            <div class="box border m_top10">
            </div>
            <!-- 底部tab --------------------------------------------------------------- -->
        </div>
    </div>
</div>
<script type="text/javascript">
    new Vue({
        el: '#app',
        data() {
            return {
                //全局预定义数据--------------------------->
                isEdit: false, //固定项
                nowRef: '', //固定项
                fangshi: {
                    searchPath: 'cay/type/search', 	//主表获取数据接口地址
                    searchBox: [
                        {
                            //基础设置
                            type: 'select_api', //类型 -> 输入框 + 弹出表格
                            title: '客户', 		//输入框标题
                            dec: '输入客户名称', //输入框提示
                            icon: 'el-icon-user-solid', //小图标
                            //
                            option:[], //固定项
                            value: '', //固定项
                            //
                            //弹出内表格设置
                            action: 'corp/search', //请求对象接口地址 -> 对应要调用的基础表接口文档中的地址(/db03/后的部分)
                            //弹出内表格布局规则
                            optionBoxWidth:500,
                            optionTableRole: [
                                {
                                    title: '序号', 			//表头名称
                                    field: 'idx', 		//显示字段 (调用对象基础表的字段)
                                    width: 150,				//列宽
                                    toInsert:'idx', 	//带出写入字段 (选中后,要将此字段的值作为筛选参数)
                                },{
                                    title: '公司编号',
                                    field: 'cCORP_NO',
                                    width: 150,
                                },{
                                    title: '公司名称',
                                    field: 'cCORP_NM',
                                    width: 150,
                                }
                            ],
                            showfield:'cCUST_NM', 	//在内表格中显示的字段 (调用对象基础表的字段)
                            filtefield:'cCUST_NM', 	//筛选字段 当输入框的值改变时,用来跟显示字段比对筛选的字段(调用对象基础表字段)
                            //是否将部分字段作为全局筛选条件,如果是,则增加下方格式代码(此全局筛选条件,将在表格中被使用)
                            insert_deafault_field:{
                                'cCUST_NO':'cCUST_NO', //主表字段':'调用对象基础表字段
                            },
                            //
                        },
                        {
                            type: 'text', 		//类型 -> 输入框
                            title: '运输方式',	//输入框标题
                            dec: '输入运输方式',	//输入框提示
                            field: 'cCAYTYPE_NM', 	//对应筛选字段 (主表字段)
                            // icon: 'el-icon-user-solid',	//小图标
                            value: '',	//固定项
                        }
                    ],
                    //主表配置
                    tableRole: [
                        {
                            title: '序号', 	//表头
                            field: 'idx', 	//表格展示字段 (主表字段)
                            //
                            fixed: true, 	//是否浮动
                            width: 80, 		//列宽
                            //
                            noedit: true, 	//是否禁止编辑 值为true 则 禁止编辑, false 或 删除此项 则可编辑
                            defautvalue: 0, 	//默认值,当为输入内容时的默认的值
                        },
                        {
                            type: 'number', //类型 -> 数字
                            title: '运输方式编码',
                            field: 'cCAYTYPE_NO',
                            //
                            fixed: true,
                            width: 100,
                            //
                            // value: '0.000', //日期型 默认值为 0.000
                        },
                        {
                            type: 'text',
                            title: '运输方式名称',
                            field: 'cCAYTYPE_NM',
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'text',
                            title: '助记码',
                            field: 'cCAYTYPE_NM',
                            //
                            fixed: false,
                            width: 130,
                            //
                            value: '',
                            defautvalue: '',
                        },
                        {
                            type: 'date',
                            title: '助记码',
                            field: '',
                            //
                            // fixed: false,
                            width: 130,
                            //
                            // value: '',
                            // defautvalue: '',
                        },
                    ]
                }
            }
        },
        methods: {
            getref(ref) {
                this.nowRef = ref;
            },
            //增删改查----------------------------------------------------------------------->
            addRow() {
                this.$refs.car.addRow();
                this.isEdit = true;
            },
            saveRow() {
                this.$refs.car.saveRow();
                this.isEdit = true;
            },
        },
    })
</script>
